// 置灰并禁止元素默认功能
.disabled,
[disabled] {
 opacity: 0.55;
  pointer-events: none;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

// 动画
.c-rotate-in{
    animation: rspan-on 0.5s 1;
    transform:rotate(180deg);
 }

 .c-rotate-off{
    animation: rspan-off 0.5s 1;        
    transform:rotate(0deg);
 }

 @keyframes rspan-on{
     0%{
        transform:rotate(0deg);
     }
     100%{
        transform:rotate(180deg);            
     }
 }
 
 @keyframes rspan-off{
     0%{
        transform:rotate(180deg);
     }
     100%{
        transform:rotate(0deg);            
     }
 }

//标签
.tag{
    position: relative;
    display: inline-block;
    padding: 2px 5px;
    line-height: normal;
    border-radius: 3px;
    font-size: 10px;
    background: #c9c9c9;
    color: #fff;
    &.plain{
        // 无背景色
        background: #fff;
        &.success{
            color: #38B43C;
        }
        &.warning{
            color: #FF9900;
        }
        &::after{
            border-width: 1px;
            // currentColor 当前元素的文字颜色
            border-color: currentColor;
            border-radius: 4px;				
        }
    }
    &::after{
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        content: '';
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        box-sizing: border-box;
        border: 0 solid #e5e5e5;
    }
}
